#xiangqingnav{
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0px;
	background-color: white;
	z-index: 2;
	display: none;
}
#xiangqingnav .xiangqingnav-main{
	width: 1227px;
	margin: 0px auto;
}
.xiangqing-pic{
	width: 200px;
	font-size: 16px;
}
.xiangqing-title{
	margin-left: 120px;
	line-height: 68px;
}
.xiangqing-title li{
	float: left;
	margin-right: 45px;
}
.xiangqing-title li a{
	color: #000000;
}
.xiangqing-title li a:hover{
	color: #FF6700;
}
.jiacart{
	height: 40px;
	padding-top: 15px;
}
#xq-nav {
	height: 40px;
	clear: both;
	background-color: #F5F5F5;
	padding-left: 70px;
}

#xq-nav li {
	float: left;
	line-height: 40px;
}

#xq-nav li a {
	color: #757575;
	font-size: 12px;
}

#xq-nav li a:hover {
	color: #000000;
}

#xqlist {
	width: 100%;
	height: 635px;
	border-bottom: 1px solid #E0E0E0;
}

#xqlist .littlepic {
	clear: both;
	width: 50px;
	padding: 25px 65px;
	height: 270px;
	float: left;
}

#xqlist .littlepic li {
	width: 68px;
	height: 68px;
	border: 1px solid #E0E0E0;
	margin-top: 15px;
	cursor: pointer;
}

#xqlist .littlepic li:hover {
	border: 1px solid #9D9DAE;
}

#xqlist .bigpic {
	width: 680px;
	float: left;
	overflow: hidden;
	height: 500px;
}
#bigpic1,#bigpic2,#bigpic3{
	position: absolute;
	top: 225px;
	left: 240px;
	margin-top: 10px;
	width: 480px;
	height: 480px;
	display: none;
}

#xqlist .list {
	width: 450px;
	height: 482px;
	padding-top: 25px;
	float: right;
	margin-right: 30px;
}

#xqlist .list .lititle {
	font-size: 26px;
	font-weight: bold;
}

#xqlist .list .lijieshao {
	font-size: 14px;
	color: #616161;
}

#xqlist .list .address {
	width: 422px;
	line-height: 58px;
	border: 1px solid #E0E0E0;
	margin: 10px 0px;
	text-indent: 1em;
	font-size: 14px;
}

#xqlist .list .price {
	width: 422px;
	line-height: 64px;
	color: #FF6A00;
	font-size: 14px;
}

#xqlist .list .cart {
	width: 264px;
	height: 50px;
	display: inline-block;
	background-image: url(../img/spxq/cart.png);
	margin: 39px 15px 0px 0px;
}

#xqlist .list .cart:hover {
	background-image: url(../img/spxq/carthover.png);
}

#xqlist .list .love {
	width: 143px;
	height: 50px;
	display: inline-block;
	background-image: url(../img/spxq/love.png);
	margin-top: 39px;
}

#xqlist .list .love:hover {
	background-image: url(../img/spxq/lovehover.png);
}

#xqlist .list .suport {
	line-height: 65px;
	font-size: 14px;
	color: #B0C5DA;
	background: url(../img/spxq/suport.png) left center no-repeat;
	text-indent: 2em;
}

#xqlist .list #zn {
	line-height: 45px;
	background: url(../img/spxq/zhineng.png) left center no-repeat;
	text-indent: 18px;
	font-size: 14px;
	color: #757575;
	display: inline-block;
}
#showpic{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: white;
	display: none;
	z-index: 3;
}
#bigimg1,#bigimg2,#bigimg3{
	position: absolute;
	top: 225px;
	left: 240px;
	margin-top: 10px;
	width: 480px;
	height: 480px;
	display: none;
}
 .showpic-black{
	position: absolute;
    right: 60px;
    top: 60px;
    font-size: 40px;
    display: block;
    width: 46px;
    line-height: 46px;
    border-radius: 50%;
    color: #616161;
    text-align: center;
}
.showpic-black:hover{
	background-color: rgba(224,224,224,0.8);
	color: white;
}
.nav-prve{
	width: 1227px;
	height: 120px;
	position: absolute;
	top:240px;
	left: 65px;
}
.nav-prve a{
	display: inline-block;
	width: 60px;
	height: 120px;
}
.nav-prve .left-prve{
	float: left;
	background: url(../img/spxq/left-prev.png) center center no-repeat;
}
.nav-prve .right-prve{
	float: right;
	background: url(../img/spxq/right-prev.png) center center no-repeat;
}
.nav-prve .left-prve:hover{
	background: url(../img/spxq/left-prevhover.png) center center no-repeat;
}
.nav-prve .right-prve:hover{
	background: url(../img/spxq/right-prevhover.png) center center no-repeat;
}
.show-littlepic{
	width: 245px;
	height: 72px;
	position: absolute;
	bottom: 5px;
	left: 557px;
}
.littlepic1,.littlepic2,.littlepic3{
	width: 68px;
	height: 70px;
	border: 1px solid #E0E0E0;
	margin-right: 10px;
	float: left;
}

#showaddr{
	width: 99.9%;
	height: 100%;
	border:1px solid;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color:rgba(0,0,0,0.5);
	display: none;
	cursor: pointer;
	position: fixed;
	z-index: 2;
}
#showaddr .showad{
	width: 420px;
	border: 1px solid #FF6700;
	background-color: white;
	position: absolute;
	top: 290px;
	left: 868px;
}
#showaddr #addrestxt{
	width: 357px;
	height: 52px;
	border: 1px solid #666666;
	color: #767676;
	text-indent: 50px;
	background: url(../img/spxq/back.png) left center no-repeat;
}
.autochoose{
	font-size: 14px;
	color: #FF6700;
	cursor: pointer;
}
.myaddr{
	font-size: 14px;
	color: #666666;
}
.back{
	display: block;
	width: 25px;
	height: 25px;
	border-radius:50% ;
	background-color: white;
	color: #B0B0B0;
	border: 0px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	
}
.back:hover{
	background-color: #E53935;
	color: white;
}
.addrxq{
	width: 340px;
	height: 260px;
	background-color: white;
	padding: 30px;
	display: none;
}
.addrxq-title{
	line-height: 30px;
	border-bottom: 1px solid #B0B0B0;
	font-size: 14px;
	color: #FF6700;
}
.addr-body{
	padding: 10px 0px;
	height: 150px;
}
.addr-body p{
	line-height: 40px;
}
.addr-body p a{
	font-size: 13px;
	color: #333333;
	margin-right: 10px;
}
.addr-body p a:hover{
	color: #FF6700;
	text-decoration: underline;
}
.addrxq-foot{
	line-height: 60px;
	font-size: 14px;
	color: #FF6700;
}
#content .contentlist {
	margin-left: 370px;
}

#content .contentlist li {
	float: left;
	color: #757575;
	font-size: 16px;
	margin: 20px 48px 20px 0px;
}

#content .contentlist li a {
	color: #757575;
}

#imgcontent {
	width: 100%;
	text-align: center;
	background-color: #F5F5F5;
	overflow: hidden;
}

.review {
	width: 1127px;
	padding: 50px 0px 0px 100px;
	background-color: white;
	margin: 0px auto;
	text-align: left;
	font-size: 14px;
}

.review .ziti {
	font-size: 60px;
	color: #F56600;
	font-weight: bold;
}

.review .buy {
	width: 180px;
	text-align: center;
}

.review .vote {
	width: 180px;
	text-align: center;
	color: #CEDACE;
}

.review-left {
	width: 852px;
	float: left;
	margin-left: 60px;
	margin-right: 15px;
}

.review-left-title,
.review-right-title {
	line-height: 80px;
	text-align: left;
	font-size: 18px;
}

.review-left .review-left-title i {
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 1px solid #616161;
}

.review-right {
	width: 360px;
	float: left;
}

.review-content {
	background-color: white;
	padding-top: 50px;
}
.review-right-content{
	width: 360px;
	padding: 40px 0px;
	background-color: white;
	overflow: hidden;
}
.leftreview{
	width: 20px;
	padding: 0px 25px;
	float: left;
	text-align: center;
}
.rightreviewlist{
	height: 110px;
	border-bottom:1px solid #E0E0E0 ;
}
.styleborder{
	width: 5px;
	height:142px;
	border-left: 1px solid #E0E0E0; 
	margin-left: 5px;
}
.styledian{
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.rightreview{
	width: 260px;
	float: left;
	text-align: left;
}
.rightreview ul li{
	line-height: 30px;
}
.rightreview ul li a{
	color: #000000;
	font-size: 14px;
}
.rightreview ul li a:hover{
	color: #FF6700;
}
.reviewtime{
	font-size: 12px;
	color: #B0B0B0;
}
.review-content .user-pic {
	width: 100px;
	float: left;
}

.review-content .user-pic img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
}

.review-content .user-context {
	width: 650px;
	float: left;
}

.review-content .user-context a {
	font-size: 18px;
	color: #000000;
}

.review-content .user-context p {
	text-align: left;
	line-height: 30px;
}

.review-content .user-context a:hover {
	color: #F56600;
}

.review-content .reponse {
	position: relative;
	width: 625px;
	line-height: 90px;
	border-top: 1px solid #E0E0E0;
	margin: 24px 0px 0px 100px;
}

.review-content .reponse .huifu {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 540px;
	height: 30px;
	text-indent: 20px;
	border: 1px solid #E0E0E0;
	color: #B5B5B5;
}

.review-content .reponse .huifubtn {
	position: absolute;
	left: 540px;
	top: 30px;
	width: 78px;
	height: 32px;
	background-color: white;
	border: 1px solid #E0E0E0;
	color: #B5B5B5;
}

.review-content .time {
	margin: 90px 0px 0px 10px;
	height: 37px;
}
.more{
	line-height: 50px;
	background-color: #EEEEEE;
	width: 1227px;
	margin: 40px auto;
	font-size: 14px;
}
.more:hover{
	background-color: #E0E0E0;
}
.problem{
	height: 680px;
	width: 1227px;
	margin: 0px auto;
	position: relative;
}
.problem .problem-form{
	height: 83px;
	background-color: #FAFAFA;
}
.problem .problem-form .problem-text{
	width: 420px;
	height: 41px;
	border: 1px solid #E0E0E0;
	position: absolute;
	top: 18px;
	left: 326px;
	text-indent: 20px;
}
.problem .problem-form .problembtn{
	width: 155px;
	height: 43px;
	position: absolute;
	top: 18px;
	left: 746px;
	background-color: #FF6700;
	border: 1px solid #FF6700;
	color: white;
}
.problem .problem-content{
	height: 590px;
	background-color: white;
}
.problem .problem-content-title{
	line-height: 60px;
	width: 1140px;
	margin: 0px 45px;
	overflow: hidden;
	border-bottom: 1px solid #E0E0E0;
}
.problem .problem-content-title .ul-list li{
	float: left;
	margin-right: 5px;
}
.problem .problem-content-title .ul-list li a{
	color: #757575;
}
.problem .problem-content .problemlist{
	width: 1140px;
	margin: 0px auto;
	margin-top: 40px;
}
.problem .problem-content .problemlist li{
	width: 550px;
	height: 80px;
	float: left;
	margin-bottom: 65px;
}
.problem .problem-content .problemlist li .zan-pic{
	width: 50px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background: url(../img/spxq/problem-zan.png)center top no-repeat;
}
.problem .problem-content .problemlist li .zan-pic:hover{
	background: url(../img/spxq/problem-zanhover.png)center top no-repeat;
}
.problem .problem-content .problemlist li .problems{
	width: 385px;
	height: 75px;
	float: left;
	font-size: 14px;
	text-align: left;
	color: #757575;
}
.problem .problem-content .problemlist li .problems p1{
	font-size: 16px;
}
.problem .problem-content .problemlist li .problems p{
	line-height: 25px;
}
.problem .problem-content .problemlist li .problems a{
	color: #757575;
}
.problem .problem-content .problemlist li .problems a:hover{
	color: #F25807;
}
.problem .problem-content .problemlist li .problem-time{
	width: 100px;
	float: left;
	font-size: 12px;
	color: #B0B0B0;
}
.problem .problem-content .problemlist li .problem-time p{
	line-height: 28px;
}
.problem  .problemmore{
	line-height: 60px;
	cursor: pointer;
	background-color: white;
	font-size: 14px;
	border: 1px solid #E0E0E0;
}
.problem  .problemmore:hover{
	color: #F25807;
}
#titlehover{
	width: 100%;
	border-top: 1px solid #E0E0E0;
	margin-bottom: 5px;
	box-shadow: 0 3px 4px rgba(0,0,0,0.18);
	position: absolute;
    top: 140px;
    left: 0px;
    background-color: white;
    z-index: 3;
    font-size: 14px;
}
 #titlehover-main1,#titlehover-main2,#titlehover-main3,#titlehover-main4,#titlehover-main5,#titlehover-main6,#titlehover-main7{
	width: 1227px;
	margin: 0px auto;
	overflow: hidden;
	display: none;
}
#titlehover ul li{
	width: 204px;
	height: 229px;
	float: left;
	text-align: center;
}
#titlehover ul li a{
	color: #000000;
}
#titlehover #biaoqian{
	display: block;
	width: 64px;
	height: 22px;
	border: 1px solid #FF6700;
	margin: 0px auto;
	color: #FF6700;
	text-align: center;
}
#titlehover .picture{
	width: 202px;
	height: 105px;
	border-right: 1px solid #E0E0E0;
	margin: 20px 0px;
}
#tuijiantab{
	line-height: 102px;
	font-size: 28px;
	color: #757575;
	width: 1227px;
	margin: 40px auto;
}
.tuijian{
	width: 100%;
	height: 600px;
	background-color: #F5F5F5;
	position: relative;
	
	}
.ullist{
	width: 1227px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	height: 300px;
	
}
.tuijian ul{
	list-style-type: none;
	left: 0px;
	position: absolute;
	top: 0px;
	
}
.tuijian li{
	width: 233px;
	height: 260px;
	padding-top: 40px;
	float: left;
	margin-right: 12px;
	background-color: white;
	text-align: center;
	font-size: 15px;
}
.tuijian li p{
	line-height: 25px;
}
.tuijian li p a{
	color: #000000;
	text-decoration: none;
}
.tuijian li .tuiprice{
	color: #FF6700;
}
.tuijian li .remark{
	color: #757575;
}
.dianji{
	text-align: center;
	line-height: 70px;
	position: absolute;
	top: 340px;
	left: 600px;
}
.dianji i{
	display: inline-block;
    width:7px;
    height: 7px;
    border-radius: 50%;
    background-color: #B0B0B0;
    margin-right: 28px;
    cursor: pointer;
}

.dianji i.active{
	border: 2px solid #FF6700;
	background-color: white;
}
@keyframes move1{
	from{
		left: 0px;
	}
	to{
		left: -1227px;
	}
}
@keyframes move2{
	from{
		left: -1227px;
	}
	to{
		left: 0px;
	}
}
